<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">

  <%- include src/pages/common/styles.html -%>
  
  <title>授信申请</title>
</head>
<body class="<%= htmlWebpackPlugin.options.data.tplConfig.bodyClass || '' %>">
  <%- include src/pages/common/header.html -%>

  <div class="content credit__app">
    <div class="main-container">
      <div class="steps-container">
        <ol class="steps">
          <li class="steps__item active">
            <span class="steps__indicator">1</span>
            <div class="steps__inner">提交资料</div>
          </li>
          <li class="steps__item active">
            <span class="steps__indicator">2</span>
            <div class="steps__inner">审批</div>
          </li>
          <li class="steps__item">
            <span class="steps__indicator">3</span>
            <div class="steps__inner">签署合同</div>
          </li>
        </ol>
      </div>

      <div class="stepanel sign">
        <span class="stepanel__arrow nobar"></span>

        <div class="sign__contract" style="overflow:hidden;">
          <!-- iframe放合同的地址 -->
          <iframe src="" frameborder="0" style="width:100%;height:100%;"></iframe>
        </div>

        <div class="sign__validation">
          <div class="validation__head">
            <span class="number">额度：360,000,000元</span>
            <span class="head__desc">您可以申请最高360000的贷款。此额度在可循环使用。</span>
          </div>

          <div class="form-group">
            <label for="tradePass" class="form__label">请输入交易密码</label>
            <div class="input-suite align-bottom">
              <input type="password" name="tradePass" id="tradePass" class="form-control" placeholder="请输入">
              <a href="#" class="input-suite__addon input-suite__forget">忘记交易密码</a>
            </div>
            <!-- <span class="help-block">交易密码错误</span> -->
          </div>
          <div class="form-group">
            <label for="phoneNo" class="form__label">已验证手机</label>
            <input type="text" name="phoneNo" id="phoneNo" disabled class="form-control form-control--valid" value="158****7093">
          </div>
          <div class="form-group">
            <label for="code" class="form__label">请填写手机校验码</label>
            <div class="input-suite">
              <input type="text" name="code" id="code" class="form-control">
              <div class="input-suite__addon input-suite__btn">
                <button class="btn btn-primary">获取验证码</button>
              </div>
            </div>
            <!-- <span class="help-block">手机校验码错误</span> -->
          </div>
          <div class="form-group">
            <label for="verifyCode" class="form__label">验证码</label>
            <div class="input-suite">
              <input type="text" name="verifyCode" id="verifyCode" class="form-control">
              <div class="input-suite__addon input-suite__code"></div>
              <a href="#" class="input-suite__addon input-suite__refresh">刷新</a>
            </div>
            <!-- <span class="help-block">验证码错误</span> -->

          </div>
          <div class="sign__btn">
            <button class="btn btn-primary" id="nextStep">签署</button>
          </div>
        </div>

      </div>
    </div>
  </div>

  <div class="modal fade messagebox" id="recordTip" tabindex="-1" role="dialog" aria-labelledby="">
    <div class="modal-dialog" role="document">
      <div class="modal-content">
        <a class="messagebox__close" data-dismiss="modal" aria-label="Close"></a>
        <div class="modal-body">
          <p class="text-center">接下来将录制一段视频,请确认摄像头开启, 准备好身份证, 并跟随屏幕提示朗读提示的文字.</p>
        </div>
        <div class="modal-footer">
          <button class="btn btn-primary btn--outline" data-dismiss="modal">放弃录制</button>
          <button class="btn btn-primary" id="startRecord">开始录制</button>
        </div>
      </div>
    </div>
  </div>

  <%- include src/pages/common/footer.html -%>
  <%- include src/pages/common/scripts.html -%>

</body>
</html>
